<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <!--<style>-->
        <!--.c1{-->
            <!--background-color: red;-->
            <!--color:wheat;-->
        <!--}-->
        <!--.c2{-->
            <!--font-size: 58px;-->
            <!--color: black;-->
        <!--}-->
        <!--/*优先级 c2最高*/-->
    <!--</style>-->
    <link rel="stylesheet" href="commons.css" />
</head>
<body>
    <div class="c1 c2" style="color: pink;">dfdfd</div>
    <!--<div style="border: 1px solid red;">ss</div>-->
    <div style="
    height: 40px;/*高度*/
    width: 80%;/*宽度*/
    border: 1px solid red;/*边框*/
    color: #1AC567; /*字体颜色*/
    font-size: 16px;/*字体大小*/
    text-align: center;/*字体位置*/
    line-height: 40px;/*字体位置*/
    font-weight: bolder;/*字体加粗*/
    ">dsda</div>
    <!--1000   11  -->
    <!--10000  110 -->
    <!--100000 1100-->
    <!--300000 3300-->
    <!-- 7656
         1198
         2273
         5973
         2 -->
</body>
</html>